<template>
    <div>
        <v-header>
            <div>
                <ul class="recordInfo">
                    <li class="re-mar">清空未读</li>
                    <li class="re-pad">通话记录</li>
                    <li class="re-mar">设置</li>
                </ul>
            </div>
        </v-header>
        <div class="record-content">
            <i class="iconfont icon-zanwuxiaoxi-"></i>
            <p>无更多消息</p>
        </div>
    </div>
</template>

<script>
import mHeader from '../components/mHeader'
export default {
  name: 'record',
  components: {
    'v-header': mHeader
  }
}
</script>

<style lang="less" scoped>
.recordInfo{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    .re-mar{
        font-size: 28px;
        margin: 0 20px;
    }
    .re-pad{
        padding-right: 45px;
    }
}
.record-content{
    position: fixed;
    left: 0;
    right: 0;
    top: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    i{
        font-size: 200px;
        color: #c0c0c0;
    }
    p{
        margin-top: 30px;
        color: grey;
        font-size: 25px;
        letter-spacing: 3px;
    }
}
</style>
